当前位置:flash课件吧→教育→教育教学栏目

视频网校,仅需要一个耳机即可完成所有教学任务。

题 目:Flash制作课件中的倒计时动画效果

 

入门者写的教程面向入门者,让我们一起成为高手吧!本教程得到了终极讨厌大师的鼎力帮助,在此谢谢!先看效果(为了方便演示,我把时间设置成了10秒钟的倒计时)演示效果:看不到动画效果的...
入门者写的教程面向入门者,让我们一起成为高手吧!本教程得到了终极讨厌大师的鼎力帮助,在此谢谢!先看效果(为了方便演示,我把时间设置成了10秒钟的倒计时)

第一步:新建影片剪辑元件,名称为铃声影片,第一层图层名称为铃声,在第二帧处导入铃声,将同步改为数据流并重复5次,将帧延长至声音的末端;新建层,名称为动作,选中第一帧,打开动作面板,写上代码:stop();。具体设置见图1:

用Flash制作课件中的倒计时动画效果

第二步:新建影片剪辑元件,名称为倒计时,第一层图层名称为时间,拉一动态文本,其实例名为_txt;新建层,图层名称为铃声影片,把铃声影片元件拖入,实例名为mc;新建层,名称为动作,选中第一帧,写上如下代码。具体设置见图2:

用Flash制作课件中的倒计时动画效果

//设置变量,其值为2700
var time_num:Number = 2700;
//申明定义的函数
function time_func() {
//设置一个字符串,显示分,如果小于10,就在前面加一个0
var fen_str:String = Math.floor(time_num/60)<10 "0"+Math.floor(time_num/60) : Math.floor(time_num/60);
//设置一个字符串,显示为秒,如果小于10,就在前面加一个0
var miao_str:String = time_num%60<10 "0"+time_num%60 : time_num%60;
//动态文本显示分秒的字符,其字符之间用冒号连接
_txt.text = fen_str+":"+miao_str;
//变量time_num递减1
time_num--;
//如果变量time_num小于0
if (time_num<0) {
//铃声元件开始播放
mc.play();
//显示时间到
_txt.text = "时间到!";
//取消周期回调
clearInterval(id);
}
}
//调用函数
time_func();
//初始化周期回调,后面的参数1000是1秒,即每秒钟运行一次time_func函数
id = setInterval(time_func, 1000);
Flash课件吧(湖北金鹰),永久网址:http://www.luotao2008.cn,省级和国家级获奖课件制作专业网站,教师朋友获取利益最大的网站。另省级FLASH课件制作网络培训班,专用培训QQ群号:67042004,也可以登录网站的《远程网校》查询培训详情。包教包会,不会无条件退款,惊喜从这里开始!欢迎体验。网站管理QQ:444860709

 

第三步:回到主场景,创建四个图层,分别为动作、时间、按钮、内容;在内容图层是课件主内容;在动作的第一帧处写上代码:stop();,在最后一帧也写上相同的代码(根据课件的帧数来确定);在按钮图层的第一帧处拖入一个“开始”按钮,第二帧处拖入一个“重播”按钮,并延长帧至课件主内容的结束外。选中“开始”按钮,写上代码:

on (release) {
play();
}//上课开始,倒计时也开始选中“重播”按钮,写上代码:
on (release) {
gotoAndStop(1);
}

在时间图层上第一帧插入空白关键帧,第二帧处把倒计时元件拖入,并延长帧至课件主内容的结束处。具体设置见图3与图4:

用Flash制作课件中的倒计时动画效果
用Flash制作课件中的倒计时动画效果

 

第四步:新建图层(在所有图层之上),名称为“铆钉”。在该图层的第一帧上先画一个正圆,宽6像素、高6像素,垂直水平中齐,白色到深灰色的放射状填充;画一条水平黑线,宽4像素,笔触高度为1,垂直水平中齐;延长帧至第67帧处(即最后一帧)。如图4所示(放大效果图)

第五步:新建图层,名称为“扇面”。画一个正圆,无边框,宽高均为601像素(本应该是600像素的,这是为了防止扇梗超出扇面),填充色任选,垂直水平中齐;Ctrl+T打开变形面板,选中圆,将宽高均设置为50%,选择下面的复制并应用变形按钮进行点击一次,将复制出的小圆填充另外一种颜色,在图形外点击,然后选中小圆进行删除,得到一个环形的圆;在环形圆上拉出两条直线(见图中的红色直线),然后在图形外点击,再选中直线和下部分的环形进行删除。具体设置和效果如图5所示

第六步:在“扇面”图层上,把第1帧拖动到第10帧处,然后在第11至26帧处插入关键帧,在除第26帧外的每一帧扇梗左侧相应位置拉一条直线,然后在图形外点击,分别选中直线和直线上面或右边的部分进行删除;选中第10帧至第25帧,在帧上右键选择复制帧,在该图层的第51帧处右键选择粘贴帧,然后选择刚才粘贴的帧,右键选择翻转帧;把“扇面”图层移到“铆钉”图层的下方。具体设置和效果如图6所示

第七步:在“扇面”图层下新建层,名称为“扇面图”,在第10帧处插入关键帧,在该帧上导入一张中国画(你也可以自己画),移动到合适的地方,并延长帧至第66帧处;选中扇面图层设为遮罩。效果如图7所示

第八步:在“扇面”图层上新建层,名称为“阴影”,选中“扇面”图层上的第10帧,复制帧,粘贴帧到“阴影”图层的第10帧处,在相应位置拉一条直线(见图中的红色直线),然后在图形外点击,再选中直线和下部分进行删除,把剩下的图形的填充颜色改为黑色,透明度设为16%;在第11帧处插入关键帧,选中图形,选择任意变形工具,把中心点(小白圆)移到坐标原点(黑色的加号)处;Ctrl+T打开变形面板,选中旋转单选按钮并输入8,选择下面的“复制并应用变形”按钮,点击1次,让其顺时针旋转8度并复制一个。具体设置和效果如图8所示

第九步:在“阴影”图层的第12帧处插入关键帧,选中最上面的图形,选择任意变形工具,把中心点(小白圆)移到坐标原点(黑色的加号)处,Ctrl+T打开变形面板,也让其顺时针旋转8度并复制一个;依此类推,直到第26帧;选中第10帧至第25帧,在帧上右键选择复制帧,在该图层的第51帧处右键选择粘贴帧,然后选择刚才粘贴的帧,右键选择翻转帧。最后把“展开的扇子”元件拖入到主场景中即可。具体设置和效果如图9所示

 

 

 

 

 

 

省级FLASH课件制作培训请加我站管理QQ444860709 培训QQ专业群67042004。